<link rel="stylesheet" href="templates/authority/messageStatistics/css/qxgl.css" />
<link rel="stylesheet" href="//unpkg.com/element-ui@1.4.2/lib/theme-default/index.css" />
<link rel="stylesheet" href="templates/authority/common/css/zTreeStyle.css" />

<div class="pd14 vany_authority">
    <div class="vany_treeTable pd14" id="jurisdiction">
        <!--面包屑-->
        <div class="pb10" id="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: '/' }">消息管理</el-breadcrumb-item>
                <el-breadcrumb-item>消息统计</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div id="app" class = "app">
            <el-row :gutter="20">
                <el-col :span="6"><div class="grid-content bg-purple content"><ul><li>消息总量</li><li style="font-size: 32px;">8650</li></ul></div></el-col>
                <el-col :span="6"><div class="grid-content bg-purple content"><ul><li>本月消息</li><li style="font-size: 32px;">8650</li></ul></div></el-col>
                <el-col :span="6"><div class="grid-content bg-purple content"><ul><li>本周消息</li><li style="font-size: 32px;">8650</li></ul></div></el-col>
                <el-col :span="6"><div class="grid-content bg-purple content"><ul><li>今日消息</li><li style="font-size: 32px;">8650</li></ul></div></el-col>
            </el-row>
        </div>

        <!--<div id="tabPage" class = "tabpage">-->
        <div id="tabPage" class = "tabpage">
            <el-tabs type="border-card" type="card" @tab-click="handleClick">
                <el-tab-pane label="日统计">
                    <template>
                        <el-select v-model="value" placeholder="信息办">
                            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                            </el-option>
                        </el-select>
                    </template>
                    <el-button type="primary">查询</el-button>
                    <div id="chartFirst" class="chartTab" style="width: 100%; height: 400px;"></div>
                </el-tab-pane>
                <el-tab-pane label="月统计">角色管理</el-tab-pane>
                <el-tab-pane label="年统计">定时任务补偿</el-tab-pane>
            </el-tabs>
        </div>
    </div>
</div>

<script>
    new Vue().$mount('#app')
    //new Vue().$mount('#tabPage');

</script>
<script src="templates/authority/messageStatistics/js/echarts.js"></script>
<script src="templates/authority/messageStatistics/js/messageStatistics.js"></script>
